<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>等待审核</title>
<!-- 引入jQuery.js文件 -->
<script type="text/javascript" src="../static/jquery-easyui-1.4.1/jquery.js"></script>
<link rel="stylesheet" href="../static/jquery-easyui-1.4.1/themes/gray/easyui.css">
<!-- 引入easyui小图标文件  -->
<link rel="stylesheet" href="../static/jquery-easyui-1.4.1/themes/icon.css">
<script type="text/javascript"src="../static/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
<script type="text/javascript"src="../static/jquery-easyui-1.4.1/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
	$(function(){	
		//datagrid数据表格
		$('#t_wait').datagrid({
			idField:'id', //只要创建数据表格必须要加idField
			striped:true, //隔行变色
			url:'waitlist', //异步加载数据路径
			//title:'数据表格', //表头
			width:'100%', //宽度
			fitColumns: true, //自动宽度
			height:645, //高度自适应
			loadMsg: '数据正在加载...请耐心等待....', //在从远程站点加载数据的时候显示提示消息
			rownumbers: true, //在表格前面显示行号
			nowrap:true, //折行显示
			singleSelect:true, //只允许选中一行
			remoteSort:false, //取消本地排序
			
			frozenColumns:[ //冻结列，不能与fitColums一起使用
				[
					{
						field:'ck',
						width:50,
						checkbox:true //复选框 与singleSelect冲突
					}
				]
			],
			columns:[
				[	
					{
						field:'booknom',
						title:'图书名称',
						width:120,
						align:'center',
						sortable:true //允许列使用排序
					},{
						field:'bookwriter',
						title:'作者',
						width:120,
						align:'center',
						sortable:true
					},{
						field:'bookisbn',
						title:'isbn编号',
						width:120,
						align:'center',
						sortable:true
					},{
						field : 'bookid',
						title : '图片',
						align : 'center',
						width : 200,
						formatter:function(value){
						     return '<img  src="download?id=' + value +'" style="width:98px;height:99px;">';
						  }
					},{
						field:'time',
						title:'申请时间',
						width:120,
						align:'center',
						sortable:true
					},{
						field:'accredit',
						title:'当前状态',
						width:120,
						align:'center',
						sortable:true
					}
				]
			],
			pagination:true, //设置分页
			pageSize:10, //设置开始显示几条数据
			pageList:[10,20,50 ],//设置分页条数
			toolbar:[
				{
					text:'取消申请',
					iconCls:'icon-no',
					handler:function(){
						var arr = $('#t_wait').datagrid('getSelected');
						if(arr == null){
							$.messager.show({
								title:'提示信息!',
								msg:'至少选择一条数据进行操作',
								height:180,
								width:220
							});
						}else{
							var ids = arr.id;
							var bookid = arr.bookid;
							$.messager.confirm('提示信息','是否取消借书申请？',function(r){
								if(r){
									$.post('cancel',{ids:ids,bookid:bookid},function(result){
										//1.刷新数据表格
										$('#t_wait').datagrid('reload');
										//2.清空idField
										$('#t_wait').datagrid('unselectAll');
										//3.提示信息
										$.messager.show({
											title:'提示信息!',
											msg:'操作成功！',
											height:180,
											width:220
										});
									});	
								}else{
									return;
								}
							});
						}
					}
				}
			]
		});
		
		//查询
		$('#searchbtn').click(function(){
			$('#t_wait').datagrid('load',serializeForm($('#mysearch')));
		});
		//清空查询
		$('#clearbtn').click(function(){
			$('#mysearch').form('clear'); //清空表单数据
			$('#t_wait').datagrid('load',{}); //重新刷新表格
		});
		
	});	
	
	//js方法：序列化表单
	function serializeForm(form){
		var obj = {};
		$.each(form.serializeArray(),function(index){
			if(obj[this['name']]){
				obj[this['name']] = obj[this['name']] + ','+this['value'];
			}else{
				obj[this['name']] = this['value'];
			}
		});
		return obj;
	}
</script>
</head>
<body>
	<div id="lay" fit=true style="width: 100%;height: 100%;">
		<div region="north" title="图书查询" style="height:26px;">
			<form id="mysearch" method="post">
				 <div class="input_container">
				 	<input class="easyui-textbox" label="书名" labelPosition="top" data-options="prompt:'请输入图书名称',iconCls:'icon-book'" style="width:200px;height:26px;" name="booknom">
				 	&nbsp;
				 	<input class="easyui-textbox" label="作者" labelPosition="top" data-options="prompt:'请输入作者名称',iconCls:'icon-user1'" style="width:200px;height:26px;" name="bookwriter">
				 	&nbsp;
				 	<input class="easyui-textbox" label="isbn编号" labelPosition="top" data-options="prompt:'请输入图书isbn编号',iconCls:'icon-sum'" style="width:200px;height:26px;" name="bookisbn">
				 	&nbsp;
				 	<a id="searchbtn" class="easyui-linkbutton"  iconCls='icon-search'>查询</a>
					<a id="clearbtn" class="easyui-linkbutton" iconCls='icon-undo'>清空</a>
				 </div>
			</form>
		</div>
		<div region="center">
			<table id=t_wait></table>
		</div>
	</div>
</body>
</html>